<template>
	<view>
		<button type="primary" @click="handleOne">拍照</button>
		
		<button type="primary" @click="handleTwo">获取环境变量</button>
	</view>
</template>

<script lang="ts" setup>
	function chooseImageSuccess(res) {
		console.log('=== res', res)
	}
	
	function handleTwo() {
		const URL = import.meta.env.VITE_API_BASE_URL
		console.log('URL', URL)
	}
	
	function handleOne() {
		console.log('handleOne')

		/**
		 * 产品需求是拍照：
		 * 		uni.chooseImage 在 H5 上只支持打开系统相册，没法拍照。
		 * 
		 * 		要做到拍照功能：使用 JSSDK 里面的内容
		 * 		代码层面就需要做 条件编译
		 */
		
		// #ifdef H5
			wx.chooseImage({
				count: 1,
				sizeType: ['compressed', 'original'],
				sourceType: ['album', 'camera'],
				success: chooseImageSuccess
			})
		// #endif
		
		// #ifndef H5
			uni.chooseImage({
				count: 1, //默认9
				sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
				sourceType: ['album', 'camera'], //从相册选择
				success: chooseImageSuccess
			});
		// #endif
		
	}
</script>

<style>
</style>